﻿<!DOCTYPE html>


<html lang="en">



<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<head>
<meta charset="utf-8" />
<title>Metro风格响应式后台管理系统模板MetroAdmin Metro页面- JS代码网</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<link href="resource/css/bootstrap.min.css" rel="stylesheet" />
<link href="resource/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="resource/css/bootstrap-fileupload.css" rel="stylesheet" />
<link href="resource/css/font-awesome.css" rel="stylesheet" />
<link href="resource/css/style.css" rel="stylesheet" />
<link href="resource/css/style-responsive.css" rel="stylesheet" />
<link href="resource/css/style-default.css" rel="stylesheet" id="style_color" />
</head>
<body class="fixed-top">
<!-- 头部信息显示 -->
	<div id="divmain" class="fixed-top"></div>
	<div id="main-content">
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span12">
					<div id="theme-change" class="hidden-phone">
						<i class="icon-cogs"></i> <span class="settings"> <span
							class="text">主题颜色:</span> <span class="colors"> <span
								class="color-default" data-style="default"></span> <span
								class="color-green" data-style="green"></span> <span
								class="color-gray" data-style="gray"></span> <span
								class="color-purple" data-style="purple"></span> <span
								class="color-red" data-style="red"></span>
						</span>
						</span>
					</div>


					<h3 class="page-title">控制台</h3>
					 <ul class="breadcrumb">
                       <li>
                           <a href="#">Home</a>
                           <span class="divider">/</span>
                       </li>
                       <li>
                           <a href="#">User Manager</a>
                           <span class="divider">/</span>
                       </li>
                       <li class="active">
                           User View
                       </li>
                       <li class="pull-right search-wrap">
                           <form action="http://www.js-css.cn/divcss/admin/metro/search_result.html" class="hidden-phone">
                               <div class="input-append search-input-area">
                                   <input class="" id="appendedInputButton" type="text">
                                   <button class="btn" type="button"><i class="icon-search"></i> </button>
                               </div>
                           </form>
                       </li>
                   </ul>

				</div>
			</div>
		    <div class="row-fluid">
		     <div class="span12">
                        <div class="widget">
                            <div class="widget-title">
                                <h4><i class="icon-th-large"></i> More Metro Style </h4>
                           <span class="tools">
                               <a href="javascript:;" class="icon-chevron-down"></a>
                               <a href="javascript:;" class="icon-remove"></a>
                           </span>
                            </div>
                            <div class="widget-body">
                                
                                <div class="row-fluid">
                                
                                    <div class="metro-nav">
                                        <div class="metro-nav-block nav-block-orange">
                                            <a data-original-title="" href="#">
                                                <i class="icon-list-ol"></i>
                                                <span class="info">321</span>
                                                <span class="status">用户列表</span>
                                            </a>
                                        </div>
                                        <div class="metro-nav-block nav-block-yellow">
                                            <a data-original-title="" href="#">
                                                <i class="icon-tags"></i>
                                                <span class="info">+970</span>
                                                <span class="status">Sales</span>
                                            </a>
                                        </div>
                                        <div class="metro-nav-block nav-olive">
                                            <a data-original-title="" href="#">
                                                <i class="icon-comments-alt"></i>
                                                <span class="info">49</span>
                                                <span class="status">Comments</span>
                                            </a>
                                        </div>
                                        <div class="metro-nav-block nav-deep-terques double">
                                            <a data-original-title="" href="#">
                                                <i class="icon-eye-open"></i>
                                                <span class="info">+897</span>
                                                <span class="status">Unique Visitor</span>
                                            </a>
                                        </div>
                                        <div class="metro-nav-block nav-block-red">
                                            <a data-original-title="" href="#">
                                                <i class="icon-bar-chart"></i>
                                                <span class="info">+288</span>
                                                <span class="status">Update</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="metro-nav">
                                        <div class="metro-nav-block nav-light-purple">
                                            <a data-original-title="" href="#">
                                                <i class="icon-shopping-cart"></i>
                                                <span class="info">29</span>
                                                <span class="status">New Order</span>
                                            </a>
                                        </div>
                                        <div class="metro-nav-block nav-light-blue double">
                                            <a data-original-title="" href="#">
                                                <i class="icon-tasks"></i>
                                                <span class="info">$37624</span>
                                                <span class="status">Stock</span>
                                            </a>
                                        </div>
                                        <div class="metro-nav-block nav-light-green">
                                            <a data-original-title="" href="#">
                                                <i class="icon-envelope"></i>
                                                <span class="info">123</span>
                                                <span class="status">Messages</span>
                                            </a>
                                        </div>
                                        <div class="metro-nav-block nav-light-brown">
                                            <a data-original-title="" href="#">
                                                <i class="icon-remove-sign"></i>
                                                <span class="info">34</span>
                                                <span class="status">Cancelled</span>
                                            </a>
                                        </div>
                                        <div class="metro-nav-block nav-block-grey ">
                                            <a data-original-title="" href="#">
                                                <i class="icon-external-link"></i>
                                                <span class="info">$53412</span>
                                                <span class="status">Total Profit</span>
                                            </a>
                                        </div>
                                    </div>
                                    
                                </div>
                                <div class="clearfix"></div>
                                
                            </div>
                        </div>
                    </div>
		    </div>
	    </div>
	</div>
	
	<!-- js开始 -->
	<script src="resource/js/jquery-1.8.3.min.js"></script>
	<script>
		$(function() {
			$.ajaxSetup({
				cache : false
			})
			$("#divmain").load("header.html")
		});
	</script>
   <div id="footer">
       2013 &copy; Metro Lab Dashboard.
   </div>

</body>


<meta http-equiv="content-type" content="text/html;charset=UTF-8">
</html>
